<template>
  <div class="input-wrapper">
    <h4>默认输入框和只读输入框</h4>
    <t-input value="默认输入框" />
    <t-input value="只读输入框" readonly />
    <h4>禁用输入框</h4>
    <t-input value="禁用输入框" disabled />
    <h4>错误输入框</h4>
    <t-input value="error" error="error" />
  </div>
</template>

<script>
import Input from "../../../src/components/input";
export default {
  components: {
    tInput: Input
  },
  data() {
    return {
      loading: true
    };
  }
};
</script>

<style lang="scss">
.input-wrapper{
    >*{
        margin-top:5px ;
    }
    h4{
        margin-top: 40px;
        margin-bottom: 10px;
    }
    h4:first-child{
        margin: 0;
        padding-top: 10px;
    }
}
</style>